<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>position-relative</title>
    <link rel="stylesheet" href="./reset.css">
    <style>
		.parent {
			width:300px;
			height:300px;
			background: blue;
            color: white;
		}
		.parent div {
			width: 80px;
			height: 80px;
		}


        .sub-1 {
        	position:relative;/* top:20px;left: 50px;相对于它原本的位置 上移20px  左移动50px*/
        	background: red;
        	top:20px;
        	left: 50px;
        }
        .sub-2 {
			background: green;
        }


    </style>
</head>
<body>
    <div class="parent">parent
    	<div class="sub-1">sub-1</div>
    	<div class="sub-2">sub-2</div>
    </div>
</body>
</html>